@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Architects+Daughter);

body
{
	background-color: #F7F7F7;
	padding: 0px;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

#watermark-image
{	
	position: fixed;
	right: 5px;
	bottom: 30px;
	z-index: -21;
}

#watermark-image img
{
	height: 308px;
}

#header
{
	height: 100px;
	line-height: 100px;
	background-color: #699AD5;	
	background-image: linear-gradient(to top, #F7F7F7, #699AD5);		
}

#header .title
{
	font-family: "Architects Daughter", sans-serif;
	font-size: 19px;
}

#header-logo
{
	float: left;
	top: 10px;
	left: 10px;
	position: absolute;
	left: 106px;
	height: 100px;
}

#header-logo .title
{
	font-size: 55px;
	color: #316AAF;
	top: -10px;
	position: relative;
	left: -5;
}

#header-logo img
{
	height: 91px;
}

#content
{
	margin: 15 auto 50 auto;
	width: 1124px;
}

#menu-container
{
	border-bottom: 1px solid #244C7E;
	border-top: 1px solid #244C7E;
	background-color: #316AAF;
	height: 30px;
}

#menu
{
	float: left;
}

#menu ul
{
	list-style: none;
	margin: 0 0 0 70px; 
}

#menu ul li
{
	display: inline;
	height: 30px;
	line-height: 30px;
}

#menu ul li a 
{
	text-decoration: none;
	color: #F7F7F7;
	font-size: 15px;
	padding: 6px 15px; 	
	text-shadow: 1px 1px 2px #262626;	
	margin: 0px -1px;
}

#menu ul li a:hover
{
	background-color: #F7F7F7;
	color: #316AAF;
	text-shadow: 1px 1px 2px #AAAAAA !important;
}

.menu-selected
{
	background-color: #F7F7F7;
	color: #316AAF !important;
	text-shadow: 1px 1px 2px #AAAAAA !important;
}

#user-auth-container
{
	float: right;
	text-align: right;
	color: #F7F7F7;
	line-height: 30px;
	margin-right: 17px;
	font-weight: bold;
	font-size: 12px;
}	

#footer
{
	bottom: 0px;
	width:100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #316AAF;
	border-top: 1px solid #244C7E;
	position: fixed;
}

#footer p
{
	padding: 0px;
	margin: 0px;
	color: #F7F7F7;
	font-weight: bold;
}

#search
{
	margin: 5 auto 20 auto;
	display: table;
}

#search .search-box-input
{
	float: left;
	display: inline;
}

#search .search-label
{
	color: #316AAF;
	font-weight: bold;
	font-size: 14px;
}

#search input, #search select
{	
	width: 330px;
	font-size: 14px;
	padding: 10px 5px 10px 5px;
	color: #316AAF;
	font-weight: bold;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 2px #B0B0B0, 2px 2px 2px #B0B0B0 inset;
	border: 0px; 
	margin-right: 7px;
}

#search input
{
	height: 39px;
	margin-top: 1px;
	padding: 10px;
}

#search a
{
	position: relative;
	top: 27px;
}

#login-container
{
	position: relative;
	right: 15px;
	float: right;
	top: 35px;
}

#login-container a
{
	text-decoration: none;
	color: #316AAF;
	font-weight: bold;
	font-size: 14px;
}

/** Estilos de las tablas para grillas y formularios */
.grid-table
{
	width: 100%;
	border-spacing: 0;
    border-collapse: collapse;
    margin: 0 auto;
    border: 1px solid #E0E0E0;
}

.grid-table thead
{
	border-top: 2px solid #E0E0E0;
	background-image: linear-gradient(to bottom, #F7F7F7, #E0E0E0);
	color: #316AAF;	
}

.grid-table thead th
{
	padding: 8 10;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.grid-table tbody td
{
	padding: 8 10;
	border-bottom: 1px solid #EBEBEB;
	font-size: 11px;
}

.form-table
{
	border-spacing: 0;
    border-collapse: collapse;
	width: 100%;
	margin: 0 auto;	
}

.form-table tr
{
	border-bottom: 1px solid #EBEBEB;
}

.form-table .label-wrapper
{
	width: 25%;
	padding-left: 15px;
}

.form-table .label-wrapper label
{
	font-size: 13px;
	width: 100%;	
}

.form-table .input-wrapper
{
	padding-right: 20px;
	width: 75%;	
}

.form-table .input-wrapper input,
.form-table .input-wrapper select
{
	height: 30px;
	margin: 5px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	width: 100%;	
}

.buttons-table
{
	width: 100%;
	margin: 15px auto 0 auto;;
}

.login_error_text
{
	color: #FF0000;
	margin-left: 4px;
	font-size: 10px;
	font-weight: bold;
}

/** BUTTONS **/
.button
{
	text-decoration: none !important;
	color: #F7F7F7 !important;
	font-family: Arial,Helvetica,sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
	padding: 8px 20px 8px 20px !important;
	line-height: 35px !important;
	background-color: #316AAF !important;
	border-radius: 5px 5px 5px 5px !important; 	 
}

.button:hover
{
	background-color: #034863;
}

.button-image
{
	text-decoration: none !important;
	color: #316AAF !important;	
	margin-left: 3px;	 	
}

.button-image img
{	
	width: 25px !important;
	height: 25px !important;	 
}

.button-image label
{
	position: relative !important;
	top: -8px !important;
	left: 2px;
	cursor: pointer !important;
	font-weight: bold !important;
	font-family: Arial,Helvetica,sans-serif !important;
	font-size: 10px !important;	
}

/* quita close de dialog */
.no-close .ui-dialog-titlebar-close 
{
	display: none;
}

.form-fieldset 
{
	background-color:#F5F5F5;
	border-color: #E6E6E6;
	border-style: solid;
	border-width: thin;
}

.form-fieldset legend {
	font-size: 12px;
	color: #316AAF;
	font-weight: 900;
}

#map-header
{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #316AAF;
	position: absolute;
	top: 0px;
}

#map-header a
{
	color: #F7F7F7;
	font-weight: bold;
	text-decoration: none;
}

#map-header a:hover
{
	text-shadow: 0px 0px 10px #F7F7F7;
}

#map-canvas
{
	position: absolute;
	bottom: 0px;
	top: 30px;
	left: 0px;
	width:100%; 	
}

.info-marker-container
{
	margin: 5px;	
}

.info-marker-container label
{
	font-weight: bold !important;
}

.carousel-container
{
	margin-bottom: 50px;
}
.clear
{
	clear: both;
}